<template>
  <div class="hello">
    <header class="head index-head">
      <div class="center-block">
        <div class="head-top clearfix">
          <div class="pull-left logo">
            <a href="index.html"><img src="/assets/images/logo.png" alt=""></a>
          </div>
          <div class="pull-right">
            <p class="headDes"><a href="#">登录</a> | <a href="/html/helpCenter/helpCenter.html">帮助中心</a></p>
          </div>
        </div>

        <ul class="headNav clearfix">
          <li class="active"><a href="/">首页</a></li>
          <li><a href="/html/govService/govList.html">政务服务</a></li>
          <li><a href="/html/projectApproval/index.html">项目审批</a></li>
          <li><a href="/html/information/infoList.html">信息公开</a></li>
          <li><a href="/html/agency/index.html">中介服务</a></li>
          <li><a href="/html/dataService/center.html">数据服务</a></li>
        </ul>
      </div>
    </header>
  </div>
</template>

<script>
import{getBlackList } from '@/api/home/home.js'

export default {
  name: 'HelloWorld',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  },
  mounted () {
    this.getPersonDetail()
  },
  methods: {
    getPersonDetail (id) {
      getBlackList(id).then(res => {
        console.log(res)
      })
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
h1, h2 {
  font-weight: normal;
}
ul {
  list-style-type: none;
  padding: 0;
}
li {
  display: inline-block;
  margin: 0 10px;
}
a {
  color: #42b983;
}
</style>
